<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <title>SimpleChart Test</title>
    <style type="text/css">
        @import "../../../../style/include.css";        
    </style>
    
    <script type="text/javascript" src="../../../dojoroot/dojo/dojo.js" djConfig="isDebug: true, parseOnLoad: true"></script>
    <script type="text/javascript">
        dojo.require("dojo.parser");
        dojo.registerModulePath("mydojo", "../../mydojo");
        dojo.require("dijit.form.Button"); 
        dojo.require("mydojo.core.String"); 
        dojo.require("mydojo.dijix.SimpleChart");       
        dojo.require("dijit.layout.BorderContainer");
        function drawChart(){
            dijit.byId("testWt").drawChart();
        }
    </script>
</head>
<body class="mobee">

<div id="root" dojoType="dijit.layout.BorderContainer" style="width:100%;height:100%">
    <div id='top' dojoType="dijit.layout.ContentPane" region="top" style="height:60px">
        <B>SimpleChart Test</B><br>
        <div id = 'btt1' dojoType="dijit.form.Button" onClick="drawChart()" label="Draw Chart" style="height:25px"></div>
        <div id = 'btt2' dojoType="dijit.form.Button" onClick="clear()" label="Clear Grid" style="height:25px"></div>
    </div>  
    <div id='testWt' dojoType="mydojo.dijix.SimpleChart" region="center" ></div></div>
</div>

</body>
</html>